<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>010_文本样式</title>
    <style>
        span{
            font-size: 40px;/*  字体大小 */
            color: brown;/*  字体颜色 */
            height: 160px;/*  高度 */
            width: 400px;/*   宽度 */
            background-color: bisque;/* 背景颜色 */
            display: inline-block;/* 行内块元素 */
            text-align: center;/* 文本对齐 */
            line-height: 160px;/* 行高 */
            font-weight: bolder;/*  字体粗细 */
            font-style: italic;/* 字体样式 */
            text-decoration: line-through;/* 文本装饰 */
            text-indent: 2em;/* 首行缩进 */
            text-overflow: ellipsis;/* 超出省略 三个点 */
            white-space: nowrap;/* 不换行 */
            overflow: hidden;/* 超出隐藏 */
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;/* 字体 */
        }
        a{
            text-decoration: none;
        }
    </style>
</head>
<body>
    <span>
        测试专用文本测试专用文本测试专用文本测试专用文本测试专用文本测试专用文本测试专用文本
    </span>
    <a href="https://www.baidu.com">百度</a>
</body>
</html>